@charset "UTF-8";

.regBox {
  //   background-color: rgb(234, 11, 11);
  //   color: white;
  //   font-size: 200%;
  background: url("../img/2.png") no-repeat;
  height: 1200px;
  background-size: 100% 100%;

  .regBox-header {
    display: flex;
    justify-content: space-between;
    background-color: white;
    height: 90px;
    padding: 0 20px;
    .header-left {
      display: inline-block;
      // background-color: rgb(40, 38, 38);

      img {
        vertical-align: bottom;
      }

      span {
        // color: white;
        padding-bottom: 5px;
      }
    }

    // .header-right{
    //     display: inline-block;
    //     background-color: rgb(40, 38, 38);
    //     background-color: yellow;
    //     padding: 55px 40px 1px 10px;
    //     // height: 15px;

    a {
      text-decoration: none;
      color: black;
      background-color: white;
      height: 20px;
      padding: 60px 40px 0 0;
    }

    // }
  }

  .regBox-body {
    // background-size: 100vm 100vm;
    // <body background="images/blue.jpg" style="background-repeat: no-repeat;
    // background-attachment: fixed;">

    .body-white {
      width: 400px;
      margin: 300px auto;
      //   padding: 10px 50px;
      //   border: 1px solid black;
      //   background-color: white;

      // background-color: rgb(20, 59, 212);
      .body-header {
        // width: 400px;

        display: flex;
        justify-content: space-between;
        margin: 10px 0 0 0;
        padding: 20px 2px;
        background-color: rgb(40, 38, 38);
        span {
          margin-left: 5px;
          color: white;
        }

        button {
          border: 0;
          background-color: transparent;
          color: white;
          margin-left: 5px;
        }
      }
      .bodyCenter {
        // width: 300px;
        // margin: 10px auto;
        padding: 10px 0px;
        border: 1px solid black;
        background-color: white;
        .body-litBody {
          // background-color: green;
          .body-input {
            display: flex;
            align-content: space-between;
            flex-wrap: wrap;
            // text-align: center;
            // background-color: pink;
            margin-left: 115px;
            .divPhone {
              .phone {
                display: inline-block;
                height: 25px;
                margin-top: 13px;
                margin-bottom: 20px;
                border-radius: 6px;
                border: 1px solid rgb(94, 94, 94);
                outline: none;
              }
              p {
              }
            }
            .divPwd {
              .pwd {
                display: inline-block;
                height: 25px;
                border-radius: 6px;
                border: 1px solid rgb(94, 94, 94);
                outline: none;
              }
              p {
              }
            }
          }

          .body-tip {
            margin: 10px 0 50px 0;
            padding-top: 10px;
            text-align: center;

            button {
              border-radius: 6px;
              border: 0;
              background-color: transparent;
              font-size: 16px;
            }

            input {
            }
          }

          .body-regButton {
            text-align: center;

            button {
              display: inline-block;
              width: 163px;
              border-radius: 6px;
              border: 0;
              padding: 5px 0;
              background-color: #ccc;
            }
          }
        }

        .body-footer {
          display: flex;
          justify-content: space-between;
          padding: 0 10px;
          a {
            text-decoration: none;
            color: rgb(155, 148, 148);
          }

          .else {
          }

          .toLogin {
          }
        }
      }
    }
  }
}
